<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据库管理系统</title>
</head>
<style>
    .head{
        text-align: center;
    }

    .select{
        text-align: center;
        border-style: solid;
        border-color: black;
        border-width:2px;
        height: 200px;
        width: 300px;
        margin: auto;
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        padding-top: 20px;
    }

    .sure{
        color : white;
        background : green;
        width : 50px;
        height : 30px;
    }
</style>
<body>
<div class="head">
    <h2>数据库管理系统</h2>
</div>

<div class="select">
    <form name="table" method="get" action="/db">
        <!--选择操作表-->
        操作表：
        <select name="1">
            <option value="singers">歌手表</option>
            <option value="songs">歌曲表</option>
        </select>
        <br/><br/>
        <!--选择操方法-->
        操作方法：
        <select name="2">
            <option value="add">添加</option>
            <option value="delete">删除</option>
            <option value="search">查询</option>
            <option value="change">改动</option>
        </select>
        <br/>
        <img src="../static/erweima.jpg" width="100px" height="100px">
        <br/>
        <input type="submit" value="确定" class="sure">
    </form>


</div>


</body>
</html>
